article, aside, blockquote, body, button, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, section, td, textarea, th, ul {margin: 0;padding: 0;}
html, body {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a{text-decoration: none;}
img{vertical-align:top;}
li{list-style-type: none;}
i, em {font-style: inherit;}
textarea {font-family: "微软雅黑";}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
.clearfix:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{zoom:1;}
.dis-flex{
    display: -moz-box;  /* Firefox */
    display: -ms-flexbox;    /* IE10 */
    display: -webkit-box;    /* Safari */ 
    display: -webkit-flex;    /* Chrome, WebKit */
    display: box; 
    display: flexbox; 
    display: flex;
}
.flex1{
    flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    -webkit-box-flex:1;
}
.flex2 {
    flex:2;
    -webkit-flex:2;
    -ms-flex:2;
    -webkit-box-flex:2;
}
.align-item {
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.contain-width {
    width: 1400px;
    margin: 0 auto;
}